<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <!-- 使用场景，未登录网站中，搜索框搜索某个内容后，再次进入网站中的搜索历史 -->
    <h2>localStorage</h2>
    <button onclick="saveData()">点我存入一个数据</button>
    <button onclick="saveData1()">点我存入一个数据</button>
    <button onclick="saveData2()">点我存入一个数据</button>
    
    <script>
        const persons =[]
        let person ={id:'001',name:'大志强',age:18}
        let person1 ={id:'002',name:'中志强',age:19}
        let person2 ={id:'003',name:'小志强',age:20}
        function saveData(){
            window.localStorage.setItem('persons',JSON.stringify(person))  // 因为是window上带的，可以省略不写
        }
        function saveData1(){
            window.localStorage.setItem('persons',JSON.stringify(person1))  // 因为是window上带的，可以省略不写
        }
        function saveData2(){
            window.localStorage.setItem('persons',JSON.stringify(person2))  // 因为是window上带的，可以省略不写
        }
        

        function readData(){
            const x = localStorage.getItem('age')
            console.log(x);
            const y = localStorage.getItem('per2')
            console.log(JSON.parse(y));
        }
       

    </script>
</body>
</html>